.bottom-btn {
  position: fixed;
  width: 750rpx;
  bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  height: 190rpx;
  background: #ffffff;
  padding: 20rpx 34rpx;
  box-shadow: 0rpx 0rpx 7rpx 0rpx rgba(0, 0, 0, 0.33);
  .tips {
    font-size: 24rpx;
    color: #999999;
    margin-bottom: 20rpx;
    padding-left: 30rpx;
    position: relative;
    &::before {
      content: '';
      width: 8rpx;
      height: 8rpx;
      background: #0086f0;
      border-radius: 50%;
      position: absolute;
      left: 10rpx;
      top: 16rpx;
    }
  }
}
.section{
  padding: 20rpx 30rpx 0rpx 30rpx;
  .select {
    position: relative;
    font-size: 30rpx;
    display: block;
    border: solid 1rpx #999999;
    padding-left: 20rpx;
    border-radius: 10rpx;
    height: 55rpx;
    line-height: 55rpx;
    color: #888888;
    i {
      position: absolute;
      right: 15rpx;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

.scroll-img {
  // height: calc(100% - 190rpx);
  background: #f2f5f9;
  padding: 30rpx;
  padding-bottom: 190rpx;
  .selectImg{
    position: relative;
    display: inline-block;
    margin-right: 18rpx;
    margin-bottom: 10rpx;
    image {
      width: 160rpx;
      height: 160rpx;
      border-radius: 10rpx;
    }
  }
  .selectImg:nth-child(4n){
    margin-right: 0;
  }
  .detail {
    position: relative;
    image {
      width: 670rpx;
      height: 270rpx;
      // background: rgba(0,0,0,0.60);
      border-radius: 10rpx;
    }
  }
  .radio {
    position: absolute;
    top: 10rpx;
    right: 10rpx;
    width: 40rpx;
    height: 40rpx;
    background: rgba(0,0,0,0.30);
    border: 2rpx solid #ffffff;
    border-radius: 50%;
    &.active {
      background: #fff;
      border: none;
      width: 36rpx;
      height: 36rpx;
    }
  }
  .icon-xuanzhong1 {
    color: #0086f0;
    font-size: 44rpx;
    line-height: 42rpx;
    position: absolute;
    top: -2rpx;
    left: -2rpx;
  }
}